<template lang="html">
  <div class="box">
    <header-title :titlemain='title'></header-title>
    <orderdetails :goodsname="goodsname"></orderdetails>
  </div>
</template>
<script>
import title from "../geren/header_title.vue";
import orderdetails from "./orderdetails.vue";
export default {
  name: 'geren',
  data () {
    return {
      title:"积分订单",
      goodsname:[{
        id:"12",
        imgurl:'https://ss1.bdstatic.com/kvoZeXSm1A5BphGlnYG/skin_zoom/43.jpg',
        title:"爱上对方空间爱上宽松的空间",
        price:'123.00',
        numer:"2",
        Total:'246',
        type:'提货',
        banhao:"cx12631517824694",
        dingtype:"发货"
      },{
        id:"12",
        imgurl:'https://ss1.bdstatic.com/kvoZeXSm1A5BphGlnYG/skin_zoom/43.jpg',
        title:"爱上对方空间爱上宽松的空间",
        price:'123.00',
        numer:"2",
        Total:'246',
        type:'提货',
        banhao:"cx12631517824694",
        dingtype:"发货"
      },{
        id:"12",
        imgurl:'https://ss1.bdstatic.com/kvoZeXSm1A5BphGlnYG/skin_zoom/43.jpg',
        title:"爱上对方空间爱上宽松的空间",
        price:'123.00',
        numer:"2",
        Total:'246',
        type:'提货',
        banhao:"cx12631517824694",
        dingtype:"发货"
      }]
    }
  },
  components:{
    'header-title':title,
    'orderdetails':orderdetails
  }
}
</script>

<style scoped lang="less">
@import '../../../assets/less/index.less';
.goodsdetails_box{
    width: 100vw;
    margin-top: 2vw;
    .orderdetails_main{
      width: 100vw;
      .shipment{
        width:100%;
        margin: 3vw auto 0 auto; 
        border-top: solid 1px @color8;
        box-shadow: 0px 10px 10px @color8;
        .shopName,.commodity{
          width:@width;
          margin: 0 auto;
          border-bottom: solid 1px @color8;
          overflow: hidden;
          zoom:1;
        }
        .shopName{
          height: 10vw;
          line-height: 10vw;
          .orderNumber{
            float: left;
          }
          .orderStatus{
            float: right;
          }
        }
        .commodity{
          font-size: @h3_font_size;
          a{
            margin: 2.6vw 0vw;
            display: block;
            color: @color7;
            overflow: hidden;
            zoom:1;
            .goods_img{
              width: 13.6vw;
              height: 13.6vw;
              border-radius: 1vw;
              float: left;
            }
            .goodsname_main{
              width: 50vw;
              text-align: left;
              float: left;
              line-height: 5vw;
              margin-left: 2vw;
            }
            .goods_pirce,.goods_num{
              float: right;
              text-align: right;
              width: 25vw;
              line-height: 5vw;
            }
          }
        }
        .total{
            width:@width;
            height: 10vw;
            line-height: 10vw;
            margin: 0 auto;
            border-bottom: solid 1px @color8;
            text-align: right;
            span{
              color: @color;
            }
          }
        .operation{
          width: 100%;
          height: 10vw;
          border-bottom: solid 1px @color8;
          overflow: hidden;
          zoom:1;
          .update,.notsj_btn{
            padding: 1.5vw 4vw;
            border-radius: 1vw;
            border: solid 1px @color;
            margin-right: 4vw;
            margin-top: 1vw; 
            float: right;
          }
          .update{
            
          }
          .notsj_btn{}
        }
      }
    }
  }
</style>